<html>

<head>

<script type="text/javascript" src="js/general.js"></script>
<link rel="stylesheet" href="css/omn_theme.css" />

<link rel="stylesheet" href="css/jquery.mobile-1.3.0.min.css" />
<link rel="stylesheet" href="jquery.mobile.custom.structure.css" />

<script type="text/javascript" charset="utf-8" src="cordova-2.5.0.js"></script>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.mobile-1.3.0.min.js"></script>

<script>
</script>
</head>

<body onload="onLoad()">
<div data-role="page" id="login">
	<div data-role="header" data-position="fixed">
			<h1>Login</h1>
	</div>
	<label for="email" data-mini="true">Email:</label>
	<input  type="text" value="" name="email" id="email" data-mini="true"/>
	
	<label for="pwd" data-mini="true">Password:</label>
	<input type="password" name="pwd" id="pwd" data-mini="true"/>
	
	<a href="#all_content" onCLick="saveCredentials()" data-role="button" data-theme="e" data-mini="true">Login</a>
	<a href="#register" data-role="button" data-theme="e" data-mini="true">Register</a>
</div>

<div data-role="page" id="register">
	<div data-role="header" data-position="fixed">
			<h1>Registration</h1>
			<a href="#login" data-role="button" data-theme="c" data-icon="arrow-l">Back</a>
	</div>
	<label for="name" data-mini="true">Name:</label>
	<input  type="text" value="" name="name" id="name" data-mini="true"/>
	
	<label for="email" data-mini="true">Email:</label>
	<input  type="text" value="" name="email" id="email" data-mini="true"/>
	
	<label for="pwd" data-mini="true">Password:</label>
	<input type="password" name="pwd" id="pwd" data-mini="true"/>
	
	<a href="#" onCLick="saveCredentials()" data-role="button" data-theme="e" data-mini="true">Register</a>
</div>

<div data-role="page" id='all_content'>
		<div data-role="collapsible-set" data-theme="b">
			<div data-role="collapsible">
			<h3>Chapter 1</h3>
			<ul data-role="listview">
				<li>Introduction</a></li>
				<li>Basics</a></li>
			</ul>
			</div>
			<div data-role="collapsible">
			<h3>Chapter 2</h3>
			<ul data-role="listview">
				<li>HTML</a></li>
				<li>CSS</a></li>
			</ul>
			</div>
		</div>
</div>
</body>
</html>